/** 
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PHOTOS SLIDERS
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Photos slider > Minimal
 *---------------------------------*/
.photoslider-mini{width:500px;height:335px;}

/* Panels buttons */
.photoslider-mini .sliderkit-go-btn{position:absolute;top:0;z-index:10;width:50px;height:335px;}
.photoslider-mini .sliderkit-go-prev{left:0;}
.photoslider-mini .sliderkit-go-next{right:0;}
.photoslider-mini .sliderkit-go-btn a{display:block;width:50px;height:335px;opacity:0.6;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center center;}
.photoslider-mini .sliderkit-go-prev a{background-image:url("../images/slider-arrow-left.gif");}
.photoslider-mini .sliderkit-go-next a{background-image:url("../images/slider-arrow-right.gif");}
.photoslider-mini .sliderkit-btn-disable a{opacity:0/*can be set to any value until 1*/;cursor:default;}
.photoslider-mini .sliderkit-btn-disable a:hover{cursor:default;}
.photoslider-mini .sliderkit-go-btn span{display:none;}

/*---------------------------------
 *  Photos slider > With nav bullets
 *---------------------------------*/
.photoslider-bullets{width:350px;height:230px;}
.photoslider-bullets img {width:350px;height:280px;}

/* Nav */
.photoslider-bullets .sliderkit-nav{position:absolute;top:10px;right:10px; margin:204px 0 0 0; }
.photoslider-bullets .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;}
.photoslider-bullets .sliderkit-nav-clip ul li a{width:13px;height:13px;background:transparent url("../images/product-off-bullet.jpg") no-repeat 0 0;}

.photoslider-bullets .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("../images/product-on-bullet.jpg") no-repeat 0 0;}

/*---------------------------------
 *  Photos slider > 1 click
 *---------------------------------*/
.photoslider-1click{width:500px;height:335px;}

/* Nav */
.photoslider-1click .sliderkit-nav{position:absolute;bottom:10px;right:10px;}
.photoslider-1click .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;}
.photoslider-1click .sliderkit-nav-clip ul li a{display:block;padding:2px 6px;color:#fff;background:#000}
.photoslider-1click .sliderkit-nav-clip ul li.sliderkit-selected a{color:#000;background:#fff;}
.photoslider-1click .sliderkit-nav-clip ul a:hover{color:#fff;background:#00668d;}

/*---------------------------------
 *  Photos slider > Vertical
 *---------------------------------*/
#photoslider-vertical{width:300px;height:335px;padding-left:200px;}

/* Nav */
#photoslider-vertical .sliderkit-nav{left:10px;top:99px;width:150px;height:90px;}
#photoslider-vertical .sliderkit-nav-clip{top:19px;width:150px !important;text-align:center;}
#photoslider-vertical .sliderkit-nav-clip li{width:150px !important;text-align:center;display:block;color:#090909;font-size:1.2em;text-transform:uppercase;}

/* Buttons */
#photoslider-vertical .sliderkit-nav-btn{position:absolute;z-index:10;left:110px;width:15px;height:15px;}
#photoslider-vertical .sliderkit-nav-prev{top:0;}
#photoslider-vertical .sliderkit-nav-next{top:75px;}
#photoslider-vertical .sliderkit-nav-btn a{display:block;width:15px;height:15px;cursor:pointer;background:transparent url("../images/mc-hpslider-arrows.gif") no-repeat 0 0;}
#photoslider-vertical .sliderkit-nav-prev a{background-position:0 0;}
#photoslider-vertical .sliderkit-nav-next a{background-position:0 -15px;}
#photoslider-vertical .sliderkit-nav-btn span{display:none;}
#photoslider-vertical .sliderkit-panels{}


/*
 *  PHOTOS SLIDERS #2
 *  ------------------------------------------------
 */
 
/*---------------------------------
 *  Photos slider > Multiple sliders
 *---------------------------------*/		
.multiple-sliders{width:600px;}
.multiple-sliders-part{position:relative;float:left;width:190px;height:127px;}
.multiple-sliders-part .sliderkit{width:190px;height:127px;margin:0;}
.multiple-sliders-part .sliderkit-panel img{width:190px;}


/*
 *  CONTENT SLIDERS
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Content slider > Standard
 *---------------------------------*/
.contentslider-std{width:520px;height:400px;padding:0 36px; margin:0 0 0 19px}
.contentslider-std img {width:150px; height:100px}
/* Nav */
.contentslider-std .sliderkit-nav{position:relative;width:520px;height:0px;text-align:left;}
.contentslider-std .sliderkit-nav-clip{margin:0;}
.contentslider-std .sliderkit-nav-clip li{height:22px;padding:0;margin:0 2px 0 0;}
.contentslider-std .sliderkit-nav-clip li{float:left;}
.contentslider-std .sliderkit-nav-clip li a{float:left;background:#424242;}
.contentslider-std .sliderkit-nav-clip li a{height:18px;margin:0;padding:3px 10px 1px;color:#fff;text-decoration:none;}
.contentslider-std .sliderkit-nav-clip li a:hover{background:#666;}
.contentslider-std .sliderkit-nav-clip li.sliderkit-selected{}
.contentslider-std .sliderkit-nav-clip li.sliderkit-selected a{color:#000;background:#ddd;}

/* Panel */
.contentslider-std .sliderkit-panels{width:515px;height:426px;overflow:hidden;padding:10px 0;}
.contentslider-std .sliderkit-panel{width:520px;height:465px;overflow:auto;padding:0 0px;}
.contentslider-std .sliderkit-panel h2{margin:0 0 0 0;}

/* Panels buttons */
.contentslider-std .sliderkit-go-btn{position:absolute;top:40%;z-index:10;}
.contentslider-std .sliderkit-go-prev{left:0; }
.contentslider-std .sliderkit-go-next{right:0;}
.contentslider-std .sliderkit-go-btn a{display:block;width:30px;height:40px;cursor:pointer;background:transparent url("../images/arrows-h-big.png") no-repeat 0 0;}
.contentslider-std .sliderkit-go-prev a{background-image:url(../images/prev.png)}
.contentslider-std .sliderkit-go-next a{background-image:url(../images/next.png)}
/*.contentslider-std .sliderkit-go-prev a:hover{background-position:-90px 0;}
.contentslider-std .sliderkit-go-next a:hover{background-position:-60px 0;}
*/.contentslider-std .sliderkit-go-btn span{display:none;}

 
/*
 *  PHOTOS GALLERIES
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Photos gallery > Standard
 *---------------------------------*/
.photosgallery-std{width:560px;height:365px;padding:0 0 76px;}

/* Navbar */
.photosgallery-std .sliderkit-nav{left:0;bottom:0;width:560px;padding:10px}
.photosgallery-std .sliderkit-nav-clip ul li{float:left;margin:0;}
.photosgallery-std .sliderkit-nav-clip ul li p { size:20px}
.photosgallery-std .sliderkit-nav-clip ul li a{display:block;width:100px;height:75px;overflow:hidden;margin:0;padding:3px;}
.photosgallery-std .sliderkit-nav-clip ul li a img {width:100px;height:75px;}
.photosgallery-std .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #fff;}

/* Buttons */
.photosgallery-std .sliderkit-btn{position:absolute;top:0;}
.photosgallery-std .sliderkit-btn span{display:none;}
.photosgallery-std .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}
.photosgallery-std .sliderkit-btn-disable a:hover{cursor:default;}

/* Navbar buttons */
.photosgallery-std .sliderkit-nav .sliderkit-btn a{display:block;width:25px;height:76px;background:transparent url("../images/arrows-h.png") 
no-repeat center 0;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev{left:20px; top:38px}
.photosgallery-std .sliderkit-nav .sliderkit-nav-next{right:20px; top:38px}
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a{background:url(../images/prev.png) no-repeat}
.photosgallery-std .sliderkit-nav .sliderkit-nav-next a{background:url(../images/next.png) no-repeat}
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:hover,
/*.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:focus{background:url(images/prev.png)}
*/.photosgallery-std .sliderkit-nav .sliderkit-nav-next a:hover,
/*.photosgallery-std .sliderkit-nav .sliderkit-nav-next a:focus{background:url(images/next.png)}
*/ 
/* Panels buttons */
.photosgallery-std .sliderkit-go-btn{position:absolute;top:0;z-index:10;width:50px;height:335px;}
.photosgallery-std .sliderkit-go-prev{left:0;}
.photosgallery-std .sliderkit-go-next{right:0;}
.photosgallery-std .sliderkit-go-btn a{display:block;width:50px;height:335px;opacity:0.6;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center center;}
.photosgallery-std .sliderkit-go-prev a{background-image:url("../images/slider-arrow-left.gif");}
.photosgallery-std .sliderkit-go-next a{background-image:url("../images/slider-arrow-right.gif");}
.photosgallery-std .sliderkit-btn-disable a{opacity:0/*can be set to any value until 1*/;cursor:default;}
.photosgallery-std .sliderkit-go-btn span{display:none;}

/* Panel */
.photosgallery-std .sliderkit-panel{top:0;left:0;width:600px;height:335px; margin:46px 0 0 41px}


/*---------------------------------
 *  Carousel > Demo #1
 *---------------------------------*/
.carousel-demo1{width:408px;height:80px; margin:15px 0 0 40px}

/* Navbar */
.carousel-demo1 .sliderkit-nav{left:0;bottom:0;width:390px;height:80px}
.carousel-demo1 .sliderkit-nav-clip ul li{float:left;margin:0 0 0 0;}
.carousel-demo1 .sliderkit-nav-clip ul li a{display:block;width:110px;height:80px;overflow:hidden;margin:0;}
.carousel-demo1 .sliderkit-nav-clip ul li a:hover{opacity:1;}
.carousel-demo1 img{ width:100px  !important; height:80px !important; }

/* Buttons */
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0; }
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn{width:18px; height:26px} 

.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:25px;height:35px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}

.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev{margin:20px 0 0 0 ;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next{margin:20px 0 0 363px ;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a{background:url(../images/prev.png) no-repeat}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a{background:url(../images/next.png) no-repeat}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next img {width:18px; height:26px} 
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev img {width:18px; height:26px} 
/*.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a:hover,
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}
*/
/* Buttons > Disable */
.carousel-demo1 .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}




/*---------------------------------
 *  Carousel > Demo #2
 *---------------------------------*/
.carousel-demo2{width:960px;height:620px;}

/* Navbar */
.carousel-demo2 .sliderkit-nav{left:0;bottom:0;width:940px;height:620px;padding:10px;}
.carousel-demo2 .sliderkit-nav-clip ul li{float:left;margin:0 5px 0 100px; width:940px}
.carousel-demo2 .sliderkit-nav-clip ul li a {float:left;}
.carousel-demo2 .sliderkit-nav-clip ul li a:hover{opacity:1; -webkit-transition: all 0.7s linear;
-webkit-transform: rotate(6.28rad);
transition: all 0.7s;
transform: rotate(6.28rad);}

/* Navbar buttons */
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:200px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:15px;height:84px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev{left:20px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next{right:20px;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:hover,
.carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}

/* Buttons > Disable */
.carousel-demo2 .sliderkit-nav .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}

